import {makeAutoObservable} from "mobx"

class TodoStore {
  todoList = []

  constructor() {
    makeAutoObservable(this)
  }

  addTodo(todo) {
    this.todoList.push({
      id: String(Math.random()),
      body: todo.txt,
      state: false,
    })
  }
  delTodo(id) {
    this.todoList = this.todoList.filter((item) => item.id !== id)
  }
  changeTodoState(id) {
    this.todoList.forEach((item) => {
      if (item.id === id) {
        item.state = !item.state
      }
    })
  }
  editTodo(todo) {
    console.log("edit-store: ", todo)
    this.todoList.forEach((item) => {
      if (item.id === todo.id) {
        item.body = todo.txt
      }
    })
  }
  getTodo(id) {
    console.log(id)
    return this.todoList.find((item) => {
      console.log(item.id, item.id === id)
      return item.id === id
    })
  }

  // get filterTodoList() {
  //   // 计算属性
  // }
}

export default new TodoStore()